<div class="row m-n">
    <div class="crumbs-bar">
        <div yb-crumbs></div>
    </div>
    <div tabset type="tab">
        <div tab heading="计划准确率" active="activeFlag[0]" ng-click="changeTab(0)">
            <div class="row wrapper-y-sm">
                <div class="search-bar wrapper-none col-xs-12">
                    <div class="btn-group m-l-xs pull-right">
                        <button type="button" class="btn btn-default base-color" ng-click="searchData(1)" title="刷新">
                            <i class="yb-icon ico-refresh"></i>
                        </button>
                        <div class="btn btn-default base-color" ng-if="!!btnPermission.export">
                            <div title="导出" yb-download download-url="exportParam.sectionUrl"
                                 download-param="condition">
                                <i class="yb-icon ico-export-o"></i>
                            </div>
                        </div>
                    </div>
                    <button class="btn-advance pull-right m-l-xs" ng-click="switchToolbar('AdvanceSearch')">高级搜索</button>
                    <div class="input-group pull-right clearfix">
                        <input type="text" class="form-control txt-search" placeholder="代理商名称"
                               ng-model="condition.purchaseOrgName">
                        <span class="input-group-addon cursor-pointer" ng-click="searchData(1)">搜索</span>
                    </div>
                    <div class="wrapper-none search-bar-data-picker pull-right m-r-sm">
                        <div class="normal-search clearfix">
                            <label class="control-label"><i>*</i>年度：</label>
                            <input type="text" class="form-control date-picker" ng-model="condition.date"
                                   datepicker-popup="{{'yyyy'}}" datepicker-options="{{dateOptions}}"
                                   ng-click="showAgentYear = !showAgentYear"
                                   is-open="showAgentYear" close-text="关闭" modal-size="small" readonly>
                        </div>
                    </div>
                </div>
                <div yb-advance-search show-toolbar="toolbarConfig.showAdvanceSearch" search-data="confirmSearch()" reset-data="reset()">
                    <div class="advance-search m-t-sm">
                        <div class="form-group clearfix">
                            <label class="control-label">代理商名称：</label>
                            <input type="text" ng-model="condition.purchaseOrgName" class="form-control">
                        </div>
                        <div class="form-group clearfix">
                            <label class="control-label">月份：</label>
                            <div check-box-selector ng-model="condition.months" value-list="monthData" box-click="selectMonth()"
                                 default-value="请选择月份" class="col-xs-7 wrapper-none dropdown-prop"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-area d-b-60" style="top:85px;">
                <div yb-table-fixed class="table-fixed-wrap">
                    <div class="th-scroll-x" style="height:82px;">
                        <table class="table-fixed border-none" width="{{viewTbConf.scrollWidth}}">
                            <thead>
                                <tr>
                                    <th ng-if="doNotShowMonth.length < 12" width="120" rowspan="2" class="text-center th-check border-l-none">
                                        代理商
                                    </th>
                                    <th ng-if="doNotShowMonth.length === 12" width="120" style="height: 80px;" class="text-center th-check border-l-none">
                                        代理商
                                    </th>
                                    <th colspan="3" ng-repeat="item in monthData track by $index" ng-if="item.isSearch" width="210" class="text-center th-check">
                                        <div yb-thead-operate ng-model="item" target-width="viewTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                                <tr>
                                    <th ng-repeat="item in tbConf track by $index" ng-if="item.isShow" width="70" class="text-center th-check border-top">
                                        <div yb-thead-operate ng-model="item" target-width="viewTbConf.scrollWidth"></div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="td-scroll" style="top:82px"  ng-show="dataList.length > 0">
                        <table class="table-fixed border-none" width="{{viewTbConf.scrollWidth}}">
                            <tbody>
                            <tr ng-repeat="item in dataList track by $index">
                                <td width="120" class="spill-dots text-center border-l-none" title="{{item.purchaseOrgName}}">
                                    {{item.purchaseOrgName}}
                                </td>
                                <td ng-repeat="itemCol in tbConf track by $index" width="70"
                                    class="spill-dots text-center" title="{{item[itemCol.field]}}" ng-if="itemCol.isShow">
                                    {{item[itemCol.field]}}
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="no-data w-full text-center p-t" style="top:82px" ng-show="dataList.length === 0">暂时没有数据</div>
                </div>
            </div>
            <div class="bottom-area page-bar wrapper-y-sm clearfix">
                <div yb-page-info ng-model="pageInfo" yb-refresh="searchData()"></div>
            </div>
        </div>
    </div>
</div>